@import 'defaults';

/*
 * Typography
 */

$font-weight-light: var(--font-weight-light);
$font-weight-normal: var(--font-weight-normal);
$font-weight-semibold: var(--font-weight-semibold);
$font-size: var(--font-size-body);
$font-size-small: var(--font-size-small);
$font-size-medium: var(--font-size-medium);
$h5-size: var(--font-size-h5);

/*
 * SPACING
 */

$base-spacing-unit: var(--spacing-base-unit);
$half-spacing-unit: var(--spacing-half-unit);
$quarter-spacing-unit: var(--spacing-quarter-unit);
$sixth-spacing-unit: var(--spacing-sixth-unit);
$eighth-spacing-unit: var(--spacing-eighth-unit);

/*
 * BORDERS
 */



/*
 * Typography
 */
$ff-default: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

/*
 * Effects
 */
$base-box-shadow: 0px 2px 9px rgba(80, 103, 132, 0.2);
$text-shadow--dark-ui: 0 1px 2px rgba(42, 63, 95, 0.7);
$text-shadow--dark-ui--inactive: 0 1px 1px rgba(42, 63, 95, 0.4);

@mixin drop-shadow--dark-ui {
  filter: drop-shadow($text-shadow--dark-ui);
}
@mixin drop-shadow--dark-ui--lighter {
  filter: drop-shadow($text-shadow--dark-ui--inactive);
}
